 <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
	<title>添加用户</title>
	<link rel="stylesheet" href="../../vender/sui/sui.min.css">
	<link rel="stylesheet" href="../../css/style.css">
	<link rel="stylesheet" href="../../css/admin.css">
</head>
<body>
<div class="content-title">
	<h4>添加用户</h4>
	<a href="javascript:;" class="goback" onclick="goBack()"><<返回列表</a>
</div>
<div class="content-wrapper">
	<form id="userAdd" class="sui-form form-horizontal sui-validate" novalidate="novalidate" method="post" action="../../testApi/testFormPost.php">
		<ul class="sui-nav nav-tabs nav-large">
			<li class="active"><a href="#">基本资料</a></li>
		</ul>
	    <div class="control-group">
	      <label class="control-label">手机号码：</label>
	      <div class="controls">
	        <input type="text" name="phone" placeholder="手机号码"  class="input-fat" data-rules="required">
	      </div>
	    </div>
		<div class="control-group">
			<label class="control-label">密码：</label>
			<div class="controls">
				<input type="password" name="password" placeholder="密码" class="input-fat" data-rules="required">
			</div>
		</div>
		<ul class="sui-nav nav-tabs nav-large">
			<li class="active"><a href="#">更多资料</a></li>
		</ul>
		<duv class="control-group">
			<label class="control-label">个人头像：</label>
			<div class="controls">
				<div class="uploadbox">
					添加
					<input type="button" id="upHeadImg" class="fileImg" data-toggle="modal" data-target="#headImgBox" data-keyboard="false"/>
					<input type="hidden" value="" id="headImg" name="headImg"> 
					<img class="uploadImg" src="../../img/headImg.png">
				</div>
				<div class="sui-msg msg-info help-inline">
				  <div class="msg-con">点击图片进行头像上传。</div>
				  <s class="msg-icon"></s>
				</div>
			</div>
			<!-- 上传头像框 -->
			<div id="headImgBox" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade" style="width:600px;">
			  <div class="modal-dialog">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
			        <h4 id="myModalLabel" class="modal-title">头像上传</h4>
			      </div>
			      <div class="modal-body">
			      	<div class="container_img">
                        <div class="imageBox">
                            <div class="thumbBox"></div>
                            <div class="spinner" style="display: none">Loading...</div>
                        </div>
                        <div class="action">
                            <div class="new-contentarea tc">
                                <input type="button" class="sui-btn btn-success" value="选择图片">
                                <input type="file" class="" name="upload-file" id="upload-file" />
                            </div>
                            <input type="button" id="btnCrop" class="sui-btn btn-primary" value="裁切">
                            <input type="button" id="btnZoomIn" class="sui-btn" value="放大">
                            <input type="button" id="btnZoomOut" class="sui-btn" value="缩小">
                        </div>
                        <div class="cropped"></div>
                    </div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" data-ok="modal" class="sui-btn btn-primary">确定</button>
			        <button type="button" data-dismiss="modal" class="sui-btn btn-default">关闭</button>
			      </div>
			    </div>
			  </div>
			</div>
		</duv>
		<div class="control-group">
			<label class="control-label">昵称：</label>
			<div class="controls">
				<input type="text" name="nickname" placeholder="昵称" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">性别：</label>
			<div class="controls">
				<label data-toggle="radio" class="radio-pretty inline checked">
					<input type="radio" name="sex" value="1" checked><span>男</span>
				</label>
				<label data-toggle="radio" class="radio-pretty inline">
					<input type="radio" name="sex" value="0"><span>女</span>
				</label>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">出生年月：</label>
			<div class="controls">
				<input type="text" name="birthday" placeholder="出生年月" class="input-fat" data-toggle="datepicker">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">常在地：</label>
			<div class="controls provinceList">
				<select class="form-control" style="width:100px;" name="province"><option value="0">--请选择--</option></select>
	            <select class="form-control" style="width:100px;" name="city"><option value="0">--请选择--</option></select>
	            <select class="form-control" style="width:100px;" name="county"><option value="0">--请选择--</option></select>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">旅行宣言：</label>
			<div class="controls">
				<textarea name="declaration" placeholder="旅行宣言" style="height: 150px;" class="input-xlarge"></textarea>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">去过：</label>
			<div class="controls">
				<input type="text" name="beenTo" placeholder="去过什么地方" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">想去：</label>
			<div class="controls">
				<input type="text" name="wantTo" placeholder="想去什么地方" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">职业：</label>
			<div class="controls">
				<input type="text" name="job" placeholder="职业" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">学校：</label>
			<div class="controls">
				<input type="text" name="school" placeholder="学校" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">QQ：</label>
			<div class="controls">
				<input type="text" name="QQ" placeholder="qq号码" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">微信：</label>
			<div class="controls">
				<input type="text" name="weixin" placeholder="微信号码" class="input-fat">
			</div>
		</div>
		<div class="control-group">
			<label class="control-label">邮箱：</label>
			<div class="controls">
				<input type="text" name="email" placeholder="邮箱" class="input-fat" data-rules="email">
			</div>
		</div>

	    <div class="control-group">
	      <label class="control-label"></label>
	      <div class="controls">
	        <button type="submit" class="sui-btn btn-primary">保存</button>
	      </div>
	    </div>
	</form> 
</div>
</body>
</html>
<script src="../../vender/jquery/jquery-1.11.1.js"></script>
<script src="../../vender/jquery/jquery.alerts.js"></script>
<script src="../../vender/sui/sui.js"></script>
<script src="../../vender/cropbox/cropbox.js"></script>	
<script src="../../scripts/admin.js"></script>
<script src="../../scripts/city.js"></script>
<script src="../../scripts/user/user.js"></script>